@charset "utf-8";
/*about*/
#about{
    overflow: hidden;
    background: url(../images/aboutus.png?1) no-repeat center 150px;
}
.title{text-align:center;font-weight:bold;font-size:30px;margin:50px auto}
.title:before{display:block;content:'';width:3px;height:40px;background:#C80002;margin:0 auto}
.about{text-align:center;margin:0 auto;max-width: 1000px;font-size:18px;}
.about-ul{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:950px;margin: 50px auto 20px;}
.about-ul li{}
.about-ul img{display:block;margin:0 auto}
.about-ul p{text-align:center;font-size:20px;line-height:1.5}
.more{border:1px solid #ECECEC;display:block;width:140px;line-height:2;margin: 20px auto;text-align:center;font-size:15px;}
.about-img{display: block;max-width: 100%;margin: 0 auto;}
@media (max-width:768px){
	#about{margin-bottom: 10px;}
	.title{margin:15px auto;font-size:20px}
	.title:before{height:30px}
	.about{font-size:14px;padding:0 10px}
	.about-ul{margin:20px 10px}
	.about-ul li{}
	.about-ul img{height:50px}
	.about-ul p{font-size:14px}
	.more{font-size:14px}
	.about-img{margin-top: 10px;}
}

/*category*/
#category{background:url(../images/product-bg.jpg) no-repeat center;padding-top:1px;margin-top:-185px;padding-top:185px;overflow: hidden;padding-bottom: 10px;}
.category{max-width: 1145px;margin:0 auto;}
.category li{float:left;width:24%;margin-left:1%;margin-bottom:1%;position:relative}
.category li:first-child{width:49%;margin-left:0}
.category a{}
.category img{display:block;max-width:100%}
.category p{position:absolute;top:50%;left:50%;border:1px solid rgba(0,0,0,0.8);background:rgba(0,0,0,0.5);border-radius:20px;padding:0 35px;line-height:1.4;font-size:26px;color:#fff;word-break:keep-all;transform:translate(-50%,-50%)}
@media (max-width:768px){
	#category{margin-top:0;padding: 0;}
	.category{padding:0 5px}
	.category li{width:49.5%;margin-right:1%;margin-left:0}
	.category li:nth-child(odd){margin-right:0}
	.category li:first-child{width:100%}
	.category a{}
	.category img{}
	.category p{font-size:18px;padding:0 20px}
	.category li:first-child p{font-size:25px;padding:0 30px}
}
/*case*/
#case{overflow:hidden;box-shadow: 0 3px 3px #9D9EA3;position: relative;z-index: 5;}
.case{max-width: 1165px;margin:0 auto;}
.case li{}
.case div{overflow:hidden}
.case img{transition:0.5s all;display:block;max-width:100%}
.case p{}
.case p a{display:block;text-align:center;font-size:18px;line-height:3}
.case li:hover img{transform:scale(1.2)}
.case p a:hover{}
@media (max-width:768px){
	#case{}
	.case{}
	.case li{margin-top:5px;margin-bottom:5px}
	.case div{}
	.case img{}
	.case p{}
	.case p a{line-height:2;font-size:14px}
	.case li:hover img{}
	.case p a:hover{}
}
/*news*/
#news{}
.news{max-width: 1145px;margin:0 auto;}
.newsL{float:left;width:32%}
.newsL .news-img{}
.newsL .news-img img{display:block;max-width:100%}
.newsL .news-con{border:1px solid #EBEBEB;padding:10px}
.newsL .news-con span{font-size:14px}
.newsL .news-c{position:relative}
.newsL .news-c h4{margin-bottom:5px}
.newsL .news-c h4 a{font-weight:bold}
.newsL .news-c p{font-size:13px;line-height:1.5;max-width:75%;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.newsL .news-more{display:block;width:42px;height:42px;background:url(../images/more.png);position:absolute;right:0;top:5px}
.newsR{float:right;width:65%}
.newsR li{border:1px solid #EDEDED;padding: 27px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:-1px;}
.newsR .time{text-align:center;line-height:1.2;width:100px}
.newsR .time span{font-size:34px;font-weight:bold;color:#CF2228;display:block}
.newsR .time i{font-style:normal;font-size:14px}
.newsR .news-con{border-left:1px solid #E7E7E7;padding:11px 20px;width:72%}
.newsR .news-con h4{margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.newsR .news-con a{}
.newsR .news-con p{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.newsR .news-more{display:block;width:42px;height:42px;background:url(../images/more2.png) no-repeat center}
.newsR .news-more:hover{background:url(../images/more.png) no-repeat center;background-size:contain}
@media (max-width:768px){
	#news{}
	.news{padding:0 10px}
	.newsL{width:100%;margin-bottom:10px}
	.newsL .news-img{}
	.newsL .news-img img{}
	.newsL .news-con{}
	.newsL .news-con span{}
	.newsL .news-c{}
	.newsL .news-c h4{}
	.newsL .news-c h4 a{}
	.newsL .news-c p{}
	.newsL .news-more{}
	.newsR{width:100%}
	.newsR li{padding:10px}
	.newsR .time{}
	.newsR .time span{font-size:30px}
	.newsR .time i{}
	.newsR .news-con{padding:5px 10px}
	.newsR .news-con h4{}
	.newsR .news-con a{font-size:14px}
	.newsR .news-con p{font-size:12px}
	.newsR .news-more{background-size:contain}
}